<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js对象和jquery对象之间的转换</title>
</head>
<body>
    <input id="gender" type="checkbox" value="男" checked>男
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script>
        //获取dom元素并返回（js对象）
        let gender = document.getElementById('gender')
        console.log(gender);
        console.log(gender.value);
        console.log(gender.checked);
        if(gender.checked){
            console.log('选中状态');
        }else{
            console.log('没有选中');
        }
        console.log('------------------------------');
        //将js对象转为jquery对象，方式是:$(js对象)
        //将js对象转为jquery对象的目的是：我们需要用jquery给我们提供的各种方法。
        let jgender = $(gender)
        console.log(jgender);
        //jquery对象，是一个类似于数组的对象，可以通过[索引] 或者 get(索引)的方式，返回指定的DOM对象
        console.log(jgender[0]);
        console.log(jgender.get(0));
        //val()方法 === value属性
        console.log(jgender.val());
        if(jgender[0].checked){
            console.log('选中状态');
        }else{
            console.log('没有选中');
        }
    </script>
</body>
</html>